//默认div是蓝色背景，图片是不激活状态
//点击图片，变成激活的状态（图片加个框），点击图片外，图片变成非激活状态

import { useState } from "react";
import './App.css'
import ReducerDemo from "./pages/ReducerDemo";
import Local from "./components/Local";
import Cnode from "./pages/Cnode";
import { QueryClient,QueryClientProvider } from "react-query";
// import logo from './assets/logo.svg' ;
// import useClass from "./hooks/use-class";
// import useNum from "./hooks/use-num";
// import useNumValue from "./hooks/use-num-value";

const queryClient = new QueryClient();

const App = ()=> {
  //useState返回数组，自定义hooks返回对象
  // const {handleimg,handlebox,imgclass,boxclass} = useClass()
  // const {num,addNum,cutNum} = useNum()
  // const {value, err, onChange} = useNumValue()
  return (
    <QueryClientProvider client={queryClient}>
      {/* <ReducerDemo/>
      <Local/> */}
      <Cnode/>
    </QueryClientProvider>
    // {/* 
    //   <div className={boxclass} onClick={handlebox}>

    //    <h2>{num}</h2>
    //    <button onClick={addNum}>点击+1</button>
    //    <button onClick={cutNum}>点击-1</button>

    //    <img 
    //     className={imgclass} 
    //     src={logo}
    //     onClick={handleimg}
    //     style={{width:200,height:100}}
    //   />
    //   //正整数的输入框 
    //   <input type="text" onChange={onChange} value={value} ></input>
    //   <p>{err}</p> 
    //   */}
    
  );
}

export default App;
